<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体标签</title>
</head>
<body>
<!--
    font标签:用于设置文本的字体样式
        在HTML5之后不支持使用,属于已过时标签
        后期会使用css代替
    常用属性:
        color:设置字体的颜色
        face:设置字体的类型
        size:设置字体的大小


    对于颜色,可以存在多种表示方式
        1.英文单词
            red、green、blue、pink、yellow...
        2.使用RGB色系来表示
            RGB色系是通过红绿蓝三原色进行不同程度的组合形成新的颜色
            颜色值的格式:#rrggbb
            每一种颜色值的范围:0-255
            在HTML中一般使用16进制表示
            每一种颜色的16进制范围为:00-ff
            00表示颜色最浅,ff表示颜色最深
            其中每两位表示一种颜色的程度,三原色根据不同程度的组合就会形成一个新的颜色
            #000000
-->
<font color="red">这是一个红色字体</font><br>
<font color="green">这是一个绿色字体</font><br>
<font color="blue">这是一个绿色字体</font><br>
<font color="#000000">这是一个黑色字体</font><br>
<font color="#ffffff">这是一个白色字体</font><br>
<font color="#ff0000">这是一个红色字体</font><br>
<font color="#00ff00">这是一个绿色字体</font><br>
<font color="#0000ff">这是一个蓝色字体</font><br>
<font color="#1234cc">这是一个未知颜色字体</font><br>
<span style="color:#ffa7aa;">aaa</span>

<hr>
<font face="楷体" size="2">这是一个楷体</font><br>
<font face="宋体" size="3">这是一个宋体</font><br>
<font face="黑体" size="4">这是一个黑体</font><br>
<hr>
<!--
    i标签:斜体
    b标签:加粗
-->
<i>这是一个倾斜的文本</i><br>
<b>这是一个加粗的文本</b><br>
<font face="楷体" color="#faebd7" size="6"><b><i>这是一个加粗且倾斜的楷体文本</i></b></font>
</body>
</html>